// https://github.com/michael-ciniawsky/postcss-load-config
require('dotenv').config()

module.exports = {
  plugins: {
    'postcss-import': {},
    'postcss-url': {},
    'postcss-aspect-ratio-mini': {},
    'postcss-preset-env': {},
    '@hips/postcss-px-to-viewport': {
      viewportWidth: 375,
      viewportHeight: 667,
      unitPrecision: 3,
      viewportUnit: 'vw',
      selectorBlackList: [ '.ignore', '.hairlines' ],
      minPixelValue: 3,
      mediaQuery: true,
      landscape: true,
      landscapeUnit: 'vh',
      landscapeWidth: 667,
    },
    cssnano: {
      autoprefixer: false,
      'postcss-zindex': false,
    },
  },
}
